import BScroll from 'better-scroll'  //引入better-scroll

//设置横向滚动的方法
/**
 * param num :列表项的个数
 * param itemWidth :列表项的宽度，单位是rem
 */
/**
 * 
 * @param {代表vue实例} that 
 * @param {横向滚动的容器} wrapper 
 * @param {横向滚动的内容区} content 
 * @param {滚动项的数目} num 
 * @param {滚动项的宽度（单位是rem）} itemWidth 
 */
function betterScrollHorizontal(that, wrapper, content, num, itemWidth) {
  // 计算内容区的宽度，动态设置
  content.style.width = num * itemWidth + "rem";
  that.$nextTick(() => {
    that.scroll = new BScroll(wrapper, {
      scrollX: true, //开启横向滚动
      scrollY: false, //关闭纵向滚动
      startX: 0, //横向滚动的开始位置
      click: true, //允许浏览器的单击事件
    });
  });
}

//设置纵向滚动的方法
//可以自行完成

export { betterScrollHorizontal }